<%-- 
    Document   : header
    Created on : 29-giu-2011, 10.25.28
    Author     : Delo Team

--%>      
<div id ="header">
    <a href="/delo-war/index.jsp"> <h1 id="logo">Delo-Project</h1></a>
    <div id="menu-header">
        <span>
            <a class="home selected"  href="/delo-war/index.jsp" >Home</a>
        </span>

        <span>
            <a class="eventi" href="/delo-war/maps/index.jsp">Cerca eventi</a>
        </span>
        <% if (session.getAttribute("userid") != null) {%>
        <script type="text/javascript">
            var session = true;
        </script>
        <span>
            <a class="eventi-friends" href="/delo-war/maps/friends.jsp">Eventi dei tuoi amici</a>
        </span>
        <span>
            <a class="sponsor" href="/delo-war/SponsoredEventManagerServlet">Sponsorizza i tuoi eventi</a>
        </span>
        <span>
            <a class="ricarica" href="/delo-war/events/credit_recharge.jsp">Ricarica credito</a>
        </span>

        <% } else {%>
        <script type="text/javascript">
            var session = false;
        </script>
        <%}%>



    </div>
    <div id="fb-root"></div>
    <div id="login" style="position:absolute; z-index: 1; top: 20px; right:6px; display: none">
        <fb:login-button size="medium" background="white" length="long" perms="user_events,friends_events,user_location,offline_access">
        </fb:login-button>
    </div>
    <div id="userinfo" style="position:absolute; z-index: 1; top: 20px; right: 6px; display: none">
        <img width="39" id="image"/>
        <div id="name"></div>
    </div>
</div>
<div id="loader" style="display: none;"><div class="image">loader...</div>></div>